html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    title 首页
    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css")
    link(rel="stylesheet", href="css/reset.css")
    link(rel="stylesheet", href="css/header.css")
    link(rel="stylesheet", href="css/footer.css")
    link(rel="stylesheet", href="css/left_nav.css")
    link(rel="stylesheet", href="css/person7.css")
    
  body 
    include common/header.pug

    div.main-info
      .left-nav
        h3.title マイアカウント
        ul.nav-list
          li.nav-item
            a
              div
                img(src="images/icon1.png", alt="")
                span アカウントサービス
          li.nav-item
            a
              div
                img(src="images/icon2.png", alt="")
                span ご注文履歴 (0)
          li.nav-item
            a
              div
                img(src="images/icon3.png", alt="")
                span カート (0)
          li.nav-item
            a
              div
                img(src="images/icon4.png", alt="")
                span 最近チェックしたアイテム
          

          li.nav-item
            a
              div
                img(src="images/icon5.png", alt="")
                span アドレス
          li.nav-item.active
            a
              div
                img(src="images/icon6.png", alt="")
                span お気に入り
          li.nav-item
            a
              div
                img(src="images/icon7.png", alt="")
                span アフィリエイト
                small(style="font-size: 12px;") 「成果報酬型広告」
          li.nav-item
            a
              div
                img(src="images/icon8.png", alt="")
                span クーポン
          li.nav-item
            a
              div
                img(src="images/icon9.png", alt="")
                span ポイント
          li.nav-item
            a
              div
                img(src="images/icon10.png", alt="")
                span 成長値
          li.nav-item
            a
              div
                img(src="images/icon11.png", alt="")
                span ご意見、ご要望 (0)
          li.nav-item
            a
              div
                img(src="images/icon12.png", alt="")
                span 備考欄
          li.nav-item
            a
              div
                img(src="images/icon13.png", alt="")
                span 登録内容

          li.nav-item
            a
              div
                img(src="images/icon14.png", alt="")
                span パスワードを変更する

          li.nav-item
            a
              div
                img(src="images/icon15.png", alt="")
                span レビュー
          li.nav-item
            a
              div
                img(src="images/icon16.png", alt="")
                span 登録内容
            
      .right-main
        div.user-info
          h3.title アフィリエイト
          div.detail
            ul 
              li
                div.desc-text
                  div.tip
                    a(href="") 詳細を表示 
                  div.title 
                    span 0
                    span =0 円(税込)
                  div.sub-title 総コミッション

              li
                div.desc-text
                  div.tip
                    a(href="") 詳細を表示 
                  div.title 
                    span 0
                    span =0 円(税込)
                  div.sub-title 総コミッション
              
              li.last
                div.desc-text
                  div.tip
                    a(href="") 詳細を表示 
                  div.content 
                    div.lines
                      img(src="images/card1.png", alt="")
                      span.count 0
                    div
                      img(src="images/order1.png", alt="")
                      span.count 0
                  div.sub-title 総コミッション

          div.content-text
            p.title MOZUアフィリエイトで商品を紹介して広告収入をゲット！

            p.p  MOZUアフィリエイトとは「成果報酬型広告」とも呼ばれます。ご自身のサイトやブログ記事に貼った広告経由で商品購入されると、成果に応じた商品価格の5％報酬を得られます。また、TwitterなどのSNSにて当店の商品を共有することで、そのリンクから商品購入されると、該当商品価格の5％報酬を得られます。 
            
            p.n ■成果報酬率：5% 
            p.n ■成果表示仕方：会員ポイントで表記します、1ポイント＝1円
            p.n ■成果報酬のお支払い方法：「日本銀行振込」 
            p.n ■締め日：月末 
            p.n ■お支払い：翌月10日（支払い日が休日の場合、前倒しでのお振込み）
          div.button
            button 総コミッション

          div.clipdard
            h3.title1 お金を稼ぐ方法
            p.sub-title 1.このリンクをコピーして、ソーシャルメディアチャネルで共有します
            div.custom-btn
              span https://www.mozudoll.jp/?parent_user_id=1810
              button COPY
            div
              img(src="images/socail.png", alt="")
            p.sub-title 2.商品やクーポンを共有する 
            div.sale-list
              div
                .inner
                  img(src="images/product2.png", alt="")
                  span 商品

              div
                .inner
                  img(src="images/sale2.png", alt="")
                  span クーポン


    div.search-info
      div.sub-title 更新、割引、特別オファー、大きな賞を得る!
      div.title 購読する
      div.search
        div 
          input(type="text" placeholder="请输入")
          button 搜索
    
    
    include common/footer.pug
    


    script(src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js") 
    script(src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js") 